<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS Position(定位)</title>
    <style>
        p.pos_fixed{
        position: fixed;
        top: 30px;
        right: 5px;
        }
    </style>
</head>
<body>
    <!-- 元素的位置相对于浏览器窗口是固定位置。
即使窗口是滚动的它也不会移动： -->
  <p class="pos_fixed">Some more text</p>  
  <p><b>注意:</b> IE7 和 IE8 支持只有一个 !DOCTYPE 指定固定值.</p>
<p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p><p>Some text</p>
</body>
</html>